<template>
  <div class="product">
    <h1>商品管理</h1>
    用户id：{{ userid }}
    <p>用户名：{{ username }}</p>
  </div>
</template>

<script>
export default {
  name: 'index',
  components: {},
  props: {
    // 接收路由参数
    userid: [Number,String],
    username: String
  },
  data() {
    return {
      
    }
  },
  computed: {},
  watch: {},
  created() {
    // 在created钩子中检查props是否接收到数据
    console.log('Received props:', this.userid, this.username);
  },
  mounted() {},
  methods: {}
}
</script>

<style scoped>

</style>